<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <!-- 为移动设备添加 viewport-->
    <meta name="viewport"
          content="width=device-width,initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no">
    <meta content="yes" name="apple-mobile-web-app-capable"/>
    <meta content="black" name="apple-mobile-web-app-status-bar-style"/>
    <meta content="telephone=no" name="format-detection"/>
    <title>添加地址</title>
    <meta content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=0" name="viewport"/>
    <meta content="yes" name="apple-mobile-web-app-capable"/>
    <meta content="black" name="apple-mobile-web-app-status-bar-style"/>
    <meta content="telephone=no" name="format-detection"/>


    <!--引用jquery-weiui.css-->
    <link rel="stylesheet" href="../lib/js/weui/jquery-weui.css">
    <link rel="stylesheet" href="../lib/css/weui.css">
    <link rel="stylesheet" href="../lib/css/ydui.css">
    <!--引入初始化样式-->
    <link rel="stylesheet" href="../lib/css/style-min.css">
    <!--引入YUDI自适应解决方案类库-->
    <script src="../lib/js/flexible/flexible.js"></script>
    <!--引用jquery.js-->
    <script src="../lib/js/jquery/jquery-2.1.4.js"></script>
    <!--引用jquery-weui.js-->
    <script src="../lib/js/weui/jquery-weui.js"></script>
    <!--引用swiper.css-->
    <link rel="stylesheet" href="../lib/js/swiper/swiper-3.3.1.min.css">
    <!--引用swiper.js-->
    <script src="../lib/js/swiper/swiper-3.3.1.min.js"></script>
    <!--引用handlebars-->
    <script src="../lib/js/template/handlebars-v4.0.5.js" type="text/javascript"></script>
    <!-- 引入vue -->
    <script src="../lib/js/vue/vue.js"></script>
    <script src="../lib/js/ydui.citys.js"></script>
    <!-- 引入common -->
    <script src="../lib/js/common/common.js"></script>

    <!--引用的高德地图key值-->
    <script type="text/javascript" src="http://webapi.amap.com/maps?v=1.4.2&key=4a509f214a062896bf59750c168d8495&plugin=AMap.Geocoder"></script>
    <!--<script type="text/javascript" src="http://cache.amap.com/lbs/static/PlaceSearchRender.js"></script>-->
    <!--正向地理编码-->
    <script type="text/javascript" src="http://cache.amap.com/lbs/static/addToolbar.js"></script>
    <!--引用对应css-->
    <link rel="stylesheet" href="../css/address/myAddress.css">

</head>

    <!--选择收货地址-->

    <div class="address" id="address" >

        <!--地址列表-->
        <div class="myAddress-wrap " style="display: block"  id="myAddress">
            <!--<div class="home-top">-->
                <!--<header class="m-navbar demo-small-pitch">-->
                    <!--<a href="javascript:;" class="navbar-item" onclick="returnPayPage(1)">-->
                        <!--<img class="back" src="../images/pay/map_return.png"/></a>-->
                    <!--<div class="navbar-center"><span class="navbar-title top-color">选择收货地址</span></div>-->
                    <!--<a href="javascript:;" class="navbar-item"></a>-->
                <!--</header>-->
            <!--</div>-->
            <!--<div class="bgHei" ></div>-->
            <div class="addreddbg" style="display: none">
                <img src="../images/pay/erro_shouhuodizhi@2x.png" alt="">
                <p>您还没有收货地址，快去添加吧~</p>
            </div>
            <div class="address-all" v-for="(item,index) in addressList" >
                <div>
                    <div class="address-tex">
                        <div class="address-detail" v-on:click="setUserAddress(item)">
                            <div class="address-info"><span>{{item.linkMan}}</span>
                                <span class="identity-status" v-bind:class="{'active':item.idNumber!=''}"></span>
                                <label>{{item.mobile}}</label></div>
                            <p><span>{{item.province}}{{item.city}}{{item.area}}{{item.address}}</span></p>
                        </div>
                        <div class="btn-edit clearFix">
                            <div class="btn-edit-left clearFix">
                                <a href="javascript:;">
                                    <p class="icon" v-bind:class="{'active':item.isDefault==1}"></p>
                                    <p class="text">默认地址</p>
                                </a>
                            </div>
                            <div class="btn-edit-left btn-edit-right clearFix">
                                <a href="javascript:;" v-on:click="editAddressFun(item)">
                                    <p class="icon edit"></p>
                                    <p class="text editText" >编辑</p>
                                </a>
                                <a href="javascript:;" v-on:click="delAddressFun(item)">
                                    <p class="icon del"></p>
                                    <p class="text">删除</p>
                                </a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!--/地址列表-->
        <!--添加 编辑地址-->
        <div class="address-add back-show" style="display: none">
            <div class="home-top">
                <header class="m-navbar demo-small-pitch">
                    <a href="javascript:;" class="navbar-item" onclick="reAddressPage()"><img class="back" src="../images/pay/map_return.png"/></a>
                    <div class="navbar-center"><span class="navbar-title top-color addressName">修改地址</span></div>
                    <a href="javascript:;" class="navbar-item"></a>
                </header>
            </div>
            <div class="bgHei"></div>

            <div class="address-text-group">
                <div class="text-box">
                    <div class="left">收货人：</div>
                    <div class="right">
                        <input v-model="editAddress.linkMan" class="address-text-control address-text-name" type="text" value="" placeholder="" >
                    </div>
                </div>
            </div>
            <div class="address-text-group">
                <div class="text-box">
                    <div class="left">手机号码：</div>
                    <div class="right">
                        <input v-model="editAddress.mobile" class="address-text-control address-text-phone" type="text" value="" placeholder="" >
                    </div>
                </div>
            </div>
            <div class="m-cell">
                <div class="cell-item">
                    <div class="cell-left">省/市/区：</div>
                    <div class="cell-right cell-arrow">
                        <!--<input v-model="editAddress.addressInf" type="text" class="cell-input" readonly="" id="my_Address" placeholder="" >-->
                        <input type="text"   style="width:7rem;height:100%;font-size:0.4rem" id="my_Address" v-model="editAddress.addressInf" readonly=""/>
                    </div>
                </div>
            </div>

            <div class="address-text-group" id="my_inf">
                <div class="text-box">
                    <div class="left">详细地址：</div>
                    <div class="right">
                        <input v-model="editAddress.address" class="address-text-control address-text-detail"  type="text" value="" placeholder="" >
                    </div>
                </div>
            </div>
            <div class="address-text-group identity">
                <div class="idNumber">
                    <div class="idNumber-tex">
                        身份证号<span>（海淘商品必填）</span>
                        <i style="display: none;">请输入有效身份证号码</i>
                    </div>
                    <div class="idNumber-input">
                        <input v-model="editAddress.idNumber" class="address-text-control address-text-identity" type="text" value="" placeholder="请填写15位或18位有效身份证号码">
                    </div>
                    <p class="idNumber-tips"><img src="../images/pay/tips.png"/>海关要求购买跨境商品需提供实名信息，请仔细填写</p>
                </div>
            </div>
            <div class="hr8"></div>
            <div class="m-cell">
                <label class="cell-item">
                    <span class="cell-left">设为默认地址</span>
                    <label class="cell-right">
                        <input type="checkbox" class="m-switch" @click="setDefaultFun()">
                    </label>
                </label>
            </div>
            <div class="address-add-btn-box">
                <input class="address-add-btn" type="button" value="保存" data-type="1" onclick="editFun(1)">
            </div>
        </div>
        <div class="addressBtn seleAddress"  onclick="setNewAddress()">
            <a href="javascript:;">添加收货地址</a>
        </div>
        <!--/添加 编辑地址-->
        <div id="fullbg"></div>
        <div class="destination" id="dialog">
            <div class="destinatioWrap">
                <div class="title"><span>所在地区</span></div>
                <div class="usersAddress">
                    <ul>
                        <li v-bind:class="{clicked:selected==1}" onclick="getSelected(1)">{{proName}}</li>
                        <li v-bind:class="{clicked:selected==2}" v-if="proName!='请选择'"  onclick="getSelected(2)">{{cityName}}</li>
                        <li v-bind:class="{clicked:selected==3}" v-if="cityName!='请选择'" onclick="getSelected(3)">{{areaName}}</li>
                    </ul>

                </div>
                <div class="desContent">
                    <!--省-->
                    <div class="provance left">
                        <ul>
                            <li v-for="(value,index) in addressInfo_list" @click="getCitys(value,index)" v-bind:class="{red:proSelected==index}">
                                {{value.proName}}
                                <i  style="float:right"  v-if="proSelected==index" class="icon-checkoff"></i>
                            </li>
                        </ul>
                    </div>
                    <!--市-->
                    <div class="city left">
                        <li v-for="(value,index) in citysList" @click="getAreas(value,index)" v-bind:class="{red:citySelected==index}">
                            {{value.cityName}}<i style="float:right"  class="icon-checkoff" v-if="citySelected==index"></i>
                        </li>
                    </div>
                    <!--区-->

                    <div class="area left">
                        <li v-for="(value,index) in areasList" @click="closeDestination(value,index)">
                            {{value.areaName}}
                            <i style="float:right"  class="icon-checkoff" v-if="areaSelected==index"></i>
                        </li>
                        <!--</div>-->
                        <div class="clearfix"></div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!--/选择收货地址-->
<!--/发票-->



<script src="../lib/js/ydui.js"></script>
<script src="../js/address/myAddress.js" type="text/javascript"></script>
</html>